* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
}

.content {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

@import "start-guide";

.container {
    width: 100%;
    padding: 0 10px;
}

.search {
    position: absolute;
    width: 90%;
    height: 100%;
    transform: translateX(0);
    .header {
        background: #3385FF;
        padding: 8px 0;
    }

    .search-content {
        padding: 20px 0;

        .btn-search {
            width: 100%;
            background: transparent;
            color: lightgrey;
            border: 1px solid lightgrey;
        }

        .container {
            a.btn {
                margin: 10px 0;
                text-align: center;
            }
        }
    }
}

.main {
    position: absolute;
    transform: translateX(90%);
    width: 100%;
    height: 100%;
    box-shadow: -2px 0 4px rgba(0, 0, 0, .4);

    .header {
        background: #3385FF;

        .btn-menu {
            padding: 4px 0;
            vertical-align: middle;
            i {
                height: 100%;
                display: block;
            }
        }
    }
}